<template>
	<view class="content">
		<view class="bgc">
			<view class="avatar-box">
				<view>
					<u-avatar :src="data.avatar" size="200"></u-avatar>
				</view>
				<view class="nickname">{{data.ipname}}</view>
			</view>
			<view class="cell-warp">
				<view @click="jump(0)" style="border-bottom: 1px solid #ebebeb;">
					<listCell leftIcon="../../../static/icon/my_module/person.png" leftText="账号信息"
						rightIcon="../../../static/icon/my_module/healthInfo/jiantou.png" rightText=""></listCell>
				</view>
				<view @click="jump(1)" style="border-bottom: 1px solid #ebebeb;">
					<listCell leftIcon="../../../static/icon/my_module/health.png" leftText="健康信息"
						rightIcon="../../../static/icon/my_module/healthInfo/jiantou.png" rightText=""></listCell>
				</view>
				<view @click="jump(2)" style="border-bottom: 1px solid #ebebeb;">
					<listCell leftIcon="../../../static/icon/my_module/report.png" leftText="步态评估报告"
						rightIcon="../../../static/icon/my_module/healthInfo/jiantou.png" rightText=""></listCell>
				</view>
				<view @click="jump(3)">
					<listCell leftIcon="../../../static/icon/my_module/exit.png" leftText="退出登录"
						rightIcon="../../../static/icon/my_module/healthInfo/jiantou.png" rightText=""></listCell>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	import bigBtnL from '@/components/bigButtonLeft.vue';
	import listCell from '@/components/listCell.vue';
	export default {
		components: {
			bigBtnL,
			listCell
		},
		data() {
			return {
				src: '../../../static/icon/my_module/healthInfo/default.png',

				btnBoxWidthL: 300,
				btnBoxHeightL: 120,
				btnColorL: "#3FB8D9",
				btnImgSrcL: "../../../static/icon/training/share.png",
				btnTextL: "分享视频",
				btnTextColorL: "#ffffff",
				btnTextSizeL: 20,
				btnImgWidthL: 50,
				btnRadiusL: 50,

				btnBoxWidthR: 300,
				btnBoxHeightR: 120,
				btnColorR: "#FF6B3D",
				btnImgSrcR: "../../../static/icon/training/home.png",
				btnTextR: "返回首页",
				btnTextColorR: "#ffffff",
				btnTextSizeR: 20,
				btnImgWidthR: 50,
				btnRadiusR: 50,
				data:{}
			}
		},
		onLoad() {
			this.getInfo();
		},
		methods: {
			getInfo(){
				this.data=uni.getStorageSync("accountInfo");
				console.log(this.data)
			},
			jump(index) {
				if (index == 0) {
					uni.navigateTo({
						url: "../account/account"
					})
				} else if(index==1){
					uni.navigateTo({
						url: "../healthInfo/healthInfo"
					})
				}else if(index==2){
					console.log("asa")
					uni.navigateTo({
						url:'../../gait-assess/gait-report/gait-reportList/gait-reportList'
					})
				}else{
					 uni.clearStorageSync();
					 uni.reLaunch({
					 	url:"../login/login"
					 })
				}
			}
		}
	}
</script>

<style>
	@import url("my.css");
</style>
